<template>
  <div class="second">
    <div>我是语法糖{{number}}</div>
    <button @click="add">++</button>
    <my-content :num="number"></my-content>
    <my-input :num="number" @reduce="number--"></my-input>
  </div>
</template>

<script setup>
import {ref,reactive,toRefs} from 'vue';
import myContent from '../components/content';
import myInput from '../components/myInput';
const number = ref(10);
const add = () => {
   number.value++;
}
</script>
<style lang="scss" scoped>
</style>